import {StyleSheet} from 'react-native';

const grid = 4;

export default StyleSheet.create({
  head_default_s: {
    width: 18,
    height: 18,
    backgroundColor: '#ffffff',
    borderRadius: 18,
    borderWidth: 2,
    borderColor: '#1284d6',
    borderStyle: 'solid',
    overflow: 'hidden',
  },
  head_blue_s: {
    borderColor: '#1284d6',
  },
  head_gray_s: {
    borderColor: '#bbbbbb',
  },
  head_red_s: {
    borderColor: '#f4333c',
  },
  icon_s: {
    width: 14,
    height: 14,
  },

  head_default_l: {
    width: 24,
    height: 24,
    backgroundColor: '#ffffff',
    borderRadius: 18,
    borderWidth: 2,
    borderColor: '#1284d6',
    borderStyle: 'solid',
    overflow: 'hidden',
  },
  head_blue_l: {
    borderColor: '#1284d6',
    backgroundColor: '#1284d6',
  },
  head_gray_l: {
    borderColor: '#bbbbbb',
    backgroundColor: '#bbbbbb',
  },
  head_red_l: {
    borderColor: '#f4333c',
    backgroundColor: '#f4333c',
  },
  tail_default_l: {
    width: 2,
    height: 30,
    marginLeft: 11,
  },
  icon_l: {
    width: 20,
    height: 20,
  },
  tail_default_s: {
    width: 2,
    height: 30,
    marginLeft: 2 * grid,
  },
  tail_default_s_h: {
    height: 2,
    width: 50,
    marginTop: 2 * grid,
  },
  tail_gray: {
    backgroundColor: '#bbbbbb',
  },
  tail_blue: {
    backgroundColor: '#1284d6',
  },
  tail_error: {
    backgroundColor: '#f4333c',
  },
  tail_last: {
    backgroundColor: 'transparent',
  },
  content_s: {
    paddingLeft: 8,
  },
  content_s_h: {
    paddingTop: 9,
  },
  content_l: {
    paddingLeft: 15,
  },
  title_s: {
    fontWeight: 'bold',
    fontSize: 16,
    paddingBottom: 9,
    color: '#000000',
  },
  description_s: {
    fontSize: 12,
    color: '#000000',
  },
  title_l: {
    fontWeight: 'bold',
    fontSize: 17,
    paddingBottom: 9,
    color: '#000000',
  },
  description_l: {
    fontSize: 15,
    color: '#000000',
  },
})
